<template>
  <div>
    <h2>Page页面</h2>
    <button @click="goPage">跳转页面</button>
  </div>
</template>
<script>
export default {
  methods: {
    goPage: function () {
      // console.log(this.$router);
      // if(123==123123){//可以在这里判断是否跳转的条件
      // this.$router.push('/')
      // }
      // this.$router.push({//通过传入对象
      //   path:'/'
      // })

      // //带参数
      // this.$router.push({
      //   path:'/user/1234124124'
      // })
      // this.$router.push({
      //   name: "news",
      //   params: { id: 123456 },
      // });
      //带? 传参
      // this.$router.push({
      //   path: "/about",
      //   query: { name: "zhangsan" },
      // });

      // this.$router.push({  //replace 替换当前页面
      //   path: "/about",
      //   query: {
      //     name: "zhangsan"},
      //     replace: true,

      // });
      this.$router.replace({
        //replace 替换当前页面
        path: "/about",
        query: {
          name: "zhangsan",
        },
      });
    },
  },
};
</script>